.app-container {
  height: 100%;
}

.app-container .app-container-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.app-container .app-container-inner .main {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.app-container .app-container-inner .main .demo-tabs {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.app-container .app-container-inner .main .demo-tabs :deep(.el-tabs__header) {
  margin-bottom: 10px;
}

.app-container .app-container-inner .main .demo-tabs :deep(.el-tabs__content) {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.app-container .app-container-inner .main .demo-tabs :deep(.el-tabs__content) .el-tab-pane {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.app-container .app-container-inner .main .demo-tabs :deep(.el-tabs__content) .el-tab-pane .table {
  margin: 10px 0;
  flex: 1;
  position: relative;
}

.header {
  display: flex;
  justify-content: flex-end;
}

.header .search {
  height: 28px;
  display: flex;
  gap: 5px;
}

.header .search .date-range {
  display: flex;
  gap: 5px;
  width: 14vw;
}

.header .search .date-range :deep(.el-input__wrapper) {
  height: 26px !important;
}

.header .search .date-range :deep(.el-date-editor) {
  height: 26px !important;
}

.footer {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
